@import url("../mix/index.less");
//game
.game{
    .header{
        padding:30px 0;
        .border-bottom();
        h1{
            font-size: 32px;
            color:#272a32;
            line-height: 1.4;
        }
        img{
            width: 157px;
            height: 157px;
            border-radius: 10PX;
            display: inline-block;
            vertical-align: top;
        }
        .txt{
            display: inline-block;
            vertical-align: top;
            width: 476px;
            margin-left: 30px;
        }
        .label{
            font-size: 20px;
            position: relative;
            span{
                display: inline-block;
                color:#3ebcce;
                font-size: 20px;
                border:1PX solid #3ebcce;
                border-radius: 5PX;
                padding:0 14px;
                line-height: 1.6;
            }
            a{
                position: absolute;
                right:0;
                top:1PX;
                font-size: 24px;
                color:#616161;
            }
        }
        .down{
            text-align: right;
            margin-top: 30px;
            a{
                line-height: 48px;
                display: inline-block;
                width: 115px;
                text-align: center;
                color:#3ebcce;
                font-size: 20px;
                border:1PX solid #3ebcce;
                border-radius: 5PX;

                &+a{
                    margin-left: 15px;
                    border-color:#616161;
                    color:#616161;
                }
                span,img{
                    vertical-align: middle;
                }
                img{
                    display: inline-block;
                    width: 25px;
                    height: 20px;
                   
                }
            }
        }
    }
    .tit{
        padding-bottom: 14px;
        padding-top:30px;
    }
    .line{
        width: 630px;
        margin:0 auto;
    }
    .info{
        padding-bottom: 26px;
        
        font-size: 20px;
        color:#616161;
        line-height: 1.6;
        .alink{
            text-align: right;
            a{
                color:#0080fc;
                font-size: 24px;
                display: none;
            }
        }
        .desc{
             width: 603px;
             position: relative;
            margin:0 auto;
        }
    }
    .photo{
        .border-bottom();
        .content{
            width: 649px;
            height: 381px;
            padding:34px;
            box-sizing: border-box;
            background: #f7f7f7;
            
            img{
                width: 577px;
                height: 320px;
            }
        }
        .swiper-w{
            overflow: hidden;
            padding-right:54px;
        }
        .swiper-container{
            overflow: visible;
        }
    }
    .ewm{
        position: fixed;
        width: 100%;
        height: 100%;
        left:0;
        top:0;
        background: rgba(0,0,0,.7);
        z-index:2000;
        display: none;
        .inner{
            position: absolute;
            top:50%;
            left:50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            width: 378px;
            height: 424px;
            background: url("../../images/ewm_bg.png") no-repeat;
            background-size: 378px 424px;
            img{
                width: 239px;
                height: 239px;
                position: absolute;
                left:71px;
                top:66px;
            }
            a{
                width: 29px;
                height: 24px;
                position: absolute;
                top:32px;
                right:30px;
                z-index:20;
            }
        }
    }
}